<script setup>
import Card from './Card.vue'
import CardTitle from './CardTitle.vue'
import CardDescription from './CardDescription.vue'

defineProps({
  title: {
    type: String,
    required: true
  },
  href: {
    type: String,
    required: true
  }
})
</script>

<template>
  <Card as="li">
    <CardTitle as="h3" :href="href">
      {{ title }}
    </CardTitle>
    <CardDescription>
      <slot />
    </CardDescription>
  </Card>
</template>
